<template>
	<view class="lower-btn">
		<navigator class="btn" :url="url">返回</navigator>
		<view class="btn right" @click="handleClick">保存</view>
	</view>
</template>

<script>
	// 姚珅 @ 2023年7月31日 
	export default {
	  props: {
	    url: String,
	  },
	  methods: {
	    handleClick() {
			this.$emit('save-click');
	    },
	  },
	};
	
</script>

<style lang="less">
	@btn-size: 35rpx;
	@bg-color-l: rgba(235, 243, 248, 1);
	@bg-color-r: #707092;
	@btn-font-color-r:rgba(255, 255, 255, 1);
	.lower-btn {
		display: flex;
		margin-top: 200rpx;
		padding: 0 50rpx;
		justify-content: space-between;
		.btn{
			width: 300rpx;
			height: 90rpx;
			border-radius: 40px;
			background-color: @bg-color-l;
			text-align: center;
			font-size: @btn-size;
			line-height: 90rpx;
			cursor: pointer;
		}
		.right {
			background-color: @bg-color-r;
			color: @btn-font-color-r;
			&:active {
				opacity:0.7;
			}
		}
	}
</style>